<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			}
			iframe{
				width: 100%;
				height: 100%;
			}
			body{
				width: 1702px;
				height: 940px;
				border: 2px red solid;
			}
			.top_frame{
				width: 100%;
				height: 10%;
				border: 2px blue solid;
			}
			.main{
				width: 100%;
				height: 90%;
				display: flex;
				border: 2px greenyellow solid;
			}
			.left_frame{
				width: 15%;
				height: 98%;
				background-color:#f1f8fc;
				border: 2px black solid;
			}
			.right_frame{
				width: 85%;
				height: 98%;
				border: 2px blueviolet solid;
			}
			
		</style>
	</head>
	<body>
		<div class="top_frame">
			<iframe src="top.html" ></iframe>
		</div>
		<div class="main">
			<div class="left_frame">
				<iframe src="left.html" ></iframe>
			</div>
			<div class="right_frame">
				<iframe src="right.html" ></iframe>
			</div>
		</div>
	</body>
</html>
